<!DOCTYPE HTML>
<html dir="$i18n{textdirection}">
  <head>
    <title>$i18n{connectionHelpTitle}</title>
    <meta charset='utf-8'>
    <meta name="viewport" content="initial-scale=1, minimum-scale=1, width=device-width">
    <link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
    <link rel="stylesheet" href="interstitial_core.css">
    <link rel="stylesheet" href="interstitial_common.css">
    <link rel="stylesheet" href="connection_help.css">
    <script src="chrome://resources/js/cr.js"></script>
    <script src="chrome://resources/js/load_time_data.js"></script>
    <script src="chrome://resources/js/assert.js"></script>
    <script src="chrome://resources/js/util.js"></script>
    <script src="strings.js"></script>
    <script src="connection_help.js"></script>
  </head>
  <body>
    <div class="interstitial-wrapper">
      <h1>$i18n{connectionHelpHeading}</h1>
      $i18nRaw{connectionHelpGeneralHelp}
      <h2>$i18n{connectionHelpSpecificErrorHeading}</h2>
      <ul class="expandable">
        <li>
          $i18nRaw{connectionHelpConnectionNotPrivateTitle}
          <div id="details-certerror" class="hidden">
            $i18nRaw{connectionHelpConnectionNotPrivateDetails}
          </div>
          <button id="details-certerror-button" class="small-link">$i18n{connectionHelpShowMore}</button>
        </li>
        <li>
          $i18nRaw{connectionHelpConnectToNetworkTitle}
          <div id="details-connectnetwork" class="hidden">
            $i18nRaw{connectionHelpConnectToNetworkDetails}
          </div>
          <button id="details-connectnetwork-button" class="small-link">$i18n{connectionHelpShowMore}</button>
        </li>
        <li>
          $i18nRaw{connectionHelpIncorrectClockTitle}
          <div id="details-clock" class="hidden">
            $i18nRaw{connectionHelpIncorrectClockDetails}
          </div>
          <button id="details-clock-button" class="small-link">$i18n{connectionHelpShowMore}</button>
        </li>
        <li id="windows-only" class="hidden">
            $i18nRaw{connectionHelpMitmSoftwareTitle}
            <div id="details-mitmsoftware" class="hidden">
              $i18nRaw{connectionHelpMitmSoftwareDetails}
            </div>
            <button id="details-mitmsoftware-button" class="small-link">$i18n{connectionHelpShowMore}</button>
        </li>
      </ul>
    </div>
  </body>
</html>
